/**
 * 主界面
 */
Ext.define("app.view.Viewport", {
    extend: "Ext.container.Viewport",
    layout: "border",
    requires: [
        "app.view.demo.UserList",
        // "app.store.demo.Menus"
    ],
    items: [
        {
            region: "north",
            width: "100%",
            height: 36,
            layout: "fit",
            border: false,
            items: {
                xtype: "toolbar",
                height: 34,
                border: false,
                items: [
                    {
                        xtype: "component",
                        cls: "header",
                        html: "管理系统"
                    }, {
                        xtype: "tbspacer",
                        width: "82%"
                    }, {
                        xtype: "button",
                        icon: JS_PATH + "js/lib/extjs/resources/icons/door_in.png",
                        text: "退出"

                    }, {
                        xtype: "splitbutton",
                        text: "帮助",
                        icon: JS_PATH + "js/lib/extjs/resources/icons/help.png",
                        menu: [{
                            xtype: "menu",
                            width: 120,
                            border: false,
                            margin: "0 0 0 0",
                            floating: false,
                            items: [{
                                text: "帮助"
                            }, {
                                text: "关于"
                            }]
                        }]
                    }
                ]
            }
        }, {
            id:"menuPanel",
            region: "west",
            collapsible: true,
            title: "系统菜单",
            width: 200,
            split: true,
            layout: "fit",
        }, {
            region: "south",
            height: 22,
            border: false,
            items: {
                id:"footer",
                xtype: "toolbar",
                height: 22,
                border: false,
            }
        }, {
            id:"tabs",
            region: "center",
            xtype: "tabpanel", // TabPanel本身没有title属性
            activeTab: 1,      // 配置默认显示的激活面板
            items: [{
                title: "首页",
                layout: {type: "vbox"},
            },{xtype:"userlist_"}]
        }]
});
